﻿@model FTBS.Models.Entities.Promotion

@{
    ViewBag.Title = "Tạo khuyến mãi";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
    var resultValidate = (int)ViewBag.IsValidateDate;
    var fromDateValue = (DateTime)ViewBag.FromDateValue;
    var toDateValue = (DateTime)ViewBag.ToDateValue;
}

<legend style="margin-top: 10px">TẠO KHUYẾN MÃI</legend>
<body>
    @using (Html.BeginForm("Create", "Promotion", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
        @Html.ValidationSummary(true)
        <table class="table striped bordered hovered" style="margin: 0px 0px 0px 0px">
            <tr>
                <td>
                    <div style="font-weight: bold">
                        @Html.LabelFor(model => model.PromotionName, "Chủ đề khuyến mãi")
                    </div>
                </td>
                <td>
                    <div class="input-control text">
                        @Html.EditorFor(model => model.PromotionName)
                        <p style="color: red; font-size: 10pt">@Html.ValidationMessageFor(model => model.PromotionName)</p>
                        @if (ViewBag.PromotionName != null)
                        {
                            <p style="color: red; font-size: 10pt">Khuyến mãi này đã có sẵn!</p>
                        }
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div style="font-weight: bold">
                        @Html.LabelFor(model => model.Rate, "Chỉ số (%)")
                    </div>
                </td>
                <td>
                    <div class="input-control text">
                        @Html.EditorFor(model => model.Rate) 
                    <p style="color: red; font-size: 10pt">@Html.ValidationMessageFor(model => model.Rate)</p>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div style="font-weight: bold">
                        @Html.LabelFor(model => model.Description, "Nội dung khuyến mãi")
                    </div>
                    <div class="input-control textarea">
                        @Html.TextAreaFor(model => model.Description)
                        <p style="color: red; font-size: 10pt">@Html.ValidationMessageFor(model => model.Description)</p>
                    </div>
                </td>
            </tr>
            <tr>
                <th style="text-align: left">Từ ngày</th>
                <td>
                    <div class="input-control text" data-role="datepicker"
                    data-date='@fromDateValue.ToShortDateString()'
                    data-format="dd/mm/yyyy"
                    data-position="bottom"
                    data-effect="slide"
                    data-other-days='1'>
                        <input type="text" id="fromDateValue" name="fromDateValue">
                        <button class="btn-date" type="button"></button>
                    </div>
                    @if (resultValidate == 3)
                    {
                        <p style="color: red; font-size: 10pt">"Ngày bắt đầu không thể nhỏ hơn ngày hiện tại!"</p>
                    }
                    @if (resultValidate == 4)
                    {
                        <p style="color: red; font-size: 10pt">"Xin hãy chọn ngày bắt đầu!"</p>
                    }
                </td>
            </tr>
            <tr>
                <th style="text-align: left">Đến ngày</th>
                <td>
                    <div class="input-control text" data-role="datepicker"
                    data-date='@toDateValue.ToShortDateString()'
                    data-format="dd/mm/yyyy"
                    data-position="bottom"
                    data-effect="slide"
                    data-other-days='1'>
                        <input type="text" id="toDateValue" name="toDateValue">
                        <button class="btn-date" type="button"></button>
                    </div>
                    @if (resultValidate == 1)
                    {
                        <p style="color: red; font-size: 10pt">Ngày kết thúc không thể nhỏ hơn ngày bắt đầu!</p>
                    }
                    else if (resultValidate == 2)
                    {
                        <p style="color: red; font-size: 10pt">Ngày kết thúc không thể nhỏ hơn ngày hiện tại!</p>
                    }
                    else if (resultValidate == 5)
                    {
                        <p style="color: red; font-size: 10pt">"Xin hãy chọn ngày kết thúc!"</p>
                    }
                </td>
            </tr>
            <tr>
                <th style="font-weight: bold; text-align: left">
                        @Html.LabelFor(model => model.ImageURL, " Ảnh quảng cáo")
                    </th>
                <td>
                    
                    <div class="input-control file info-state" data-role="input-control" style="width: 620px">
                        <input id="ImagePath" title="Upload a product image" type="file" name="fileImage" />
                        <button class="btn-file" type="button" name="submit"></button>
                    </div>
                    <p style="color: red; font-size: 10pt">@Html.ValidationMessageFor(model => model.ImageURL)</p>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div>
                        <input class="button info" type="submit" value="Lưu" style="width: 77px; text-align: center" />
                        <button class="button danger" style="float: right">
                            @Html.ActionLink("Quay Lại", "Index")
                        </button>
                    </div>
                </td>
            </tr>
        </table>
    }

</body>


<script>
    $("#datepicker").datepicker();
</script>
